<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
  <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>  
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>看看网列表页效果</title>
	<link rel="shortcut icon" href="img/favicon.ico" />
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/shake_effect.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="js/check_login.js"></script>
	<style type="text/css">
		body{
			font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"\5B8B\4F53",simsun,sans-serif;
			background-color: #FAFAFA;
		}
		.tab1{
			margin:0px;
		}
		.tab2{
			margin-top: 80px;
		}
		.tab3 p{
			color: #A8A8A8;
		}
		#tab3-img{
			position: relative;
		}	
		.tab3 h4{
			position: absolute;
			top:45%;
			left:15%;
			color: #fff
		}
		.tab3-p{
			margin-left:28%;
			font-size: 16px;
			color:#FF8C1A;
		}
		
		.nav-pills{
			width:150px;
		}
		.nav-pills .affix{
			top:30px;
		}
		#footer{
			padding:20px;
			text-align: center;
			background-color: #222430;
			margin-top: 20px;
			border-top:1px solid #ccc;
		}
		#more{
			width:80%;
			height: 80%;
			margin:2px 2px;
		}
		#jieshao{
			font-size: 16px;
		}
		.userImg {border-radius:7px;}
	</style>
</head>
<body  data-spy="scroll" data-target="#myScrollspy">
<!-- 导航 -->
<!-- navbar-fixed-top -->
<nav class="nav navbar-default">
	<div class="container" >
		<div class="navbar-header">
			<a href="#" class="navbar-brand" style="margin:0; padding:0"><img src="img/logo.png" alt=""></a>
			<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</button>
		</div>
		<div class="collapse navbar-collapse" id="navbar-collapse">
			<ul class="nav navbar-nav navbar-right" style="margin-top:0;">
				<li><a href="index.jsp"><span class="glyphicon glyphicon-home"></span> 首页</a></li>
				<li><a href="#"><span class="glyphicon glyphicon-globe"></span> 景点</a></li>
				<li><a href="#"><span class="glyphicon glyphicon-eye-open"></span> 世界</a></li>
				<li><a href="#"><span class="glyphicon glyphicon-question-sign"></span> 关于</a></li>
				<c:if test="${user !=null}">
				   <li><a href="logout.do?page=list"><span class="glyphicon glyphicon-remove-circle"></span> 退出</a></li>
				   <li><a href="#"><img src="img/touxiang.jpg" width="30px" height="30px" class="img-circle"/> &nbsp;${user.username}</a></li>			
				</c:if>
				
				<c:if test="${user.username ==null}">			
				   <li><a href="#" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-user"></span> 登录</a></li>
				   <li><a href="register.html?page=list"><span class="glyphicon glyphicon-cloud"></span> 注册</a></li>
				</c:if>
			</ul>
		</div>
	</div>
</nav>

<!-- 模态框插件 -->
<div class="modal fade" id="myModal" data-backdrop="static">
	<div class="modal-dialog modal-sm">
		<div class="modal-content" id="login_form" style="width:520px;height:420px;margin:0 auto;">
			<div class="modal-header" style="border:none;">
			    <!-- 关闭 -->
				<button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
				<img src="img/register.png" alt="">
				<p class="tab-p text-center" style="font-size:14px;">——使用手机号/邮箱登录——</p>
			</div>
			<div class="modal-body" style="margin-top:-25px;">
				<!-- <form class="form-inline"> -->
				<form class="form-horizontal">
					<div class="form-group">
						<div class="col-md-8 col-md-offset-2">
							<input type="text" name="username" id="username" class="form-control" placeholder="输入手机号或者邮箱" required>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-8 col-md-offset-2">
							<input type="password" name="password" id="password" class="form-control" placeholder="密码" required>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-8 col-md-offset-2">
							<button type="button" id="login" class="btn btn-primary" style="width:315px;height:30px;">登录</button>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer" style="border:none;">
				<p class="tab-p text-center" style="font-size:14px;margin-top:-30px;">——使用第三方账号登录——</p>
				<!-- <p class="tab-p" style="font-size:14px;margin-top:-15px;">还没有看看账号？<a href="">点击注册</a></p> -->
				<div class="form-group">
					<div class="col-md-8 col-md-offset-2">
						<div class="col-md-3 col-sm-6" class="third pic_weibo">
							<a href=""><img src="img/weibo2.png" onmouseover="this.src=img/weibo1.png" alt=""></a>
						</div>
						<div class="col-md-3 col-sm-6">
							<a href=""><img src="img/qq2.png" alt=""></a>
						</div>
						<div class="col-md-3 col-sm-6">
							<a href=""><img src="img/weixin2.png" alt=""></a>
						</div>
						<div class="col-md-3 col-sm-6">
							<a href=""><img src="img/douban2.png" alt=""></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="tab2">
	<div class="container">
		<ol class="breadcrumb">
	  		<li><a href="index.jsp">首页</a></li>
	 		<li class="active">我带你领略四季的变换</li>
		</ol>
	</div>
</div>

<div class="tab3">
	<div class="container">
	<div class="row">
		<div class="col-md-2 tab3-bg" id="myScrollspy">
			<ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="150">
				<li class="active"><a href="#section1">日暖风清的春</a></li>
				<li><a href="#section2">多姿清爽的夏</a></li>
				<li><a href="#section3">果实累累的秋</a></li>
				<li><a href="#section4">银装素裹的冬</a></li>
			</ul>
		</div>
		<div class="col-md-10">
			<div class="panel panel-success" id="section1">
			  <div class="panel-heading">
				<h3 class="panel-title">最推荐的春天的目的地</h3>
			  </div>
			  <div class="panel-body">
			    <div class="row">
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic88.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>江西 婺源</h4>
						<div class="caption">
							<h5>254人已买  一起去看油菜花</h5>
							<p>
								<span>席位充足</span>
								<span class="tab3-p">￥ 350/人</span>起
							</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic89.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>山东 济南</h4>
						
						<div class="caption">
							<h5>554人已买 泉眼冒泉水，神奇</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 1200/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic90.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>杭州 杨公堤</h4>
						
						<div class="caption">
							<h5>768人已买 共赏落日余晖</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic91.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>厦门 鼓浪屿</h4>
						
						<div class="caption">
							<h5>291人已买 四面环海，临风</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic92.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>龙岩 永定土楼</h4>
						
						<div class="caption">
							<h5>573人已买 罗棋布夺群山</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 3400/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic93.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>湖南 凤凰古城</h4>
						
						<div class="caption">
							<h5>361人已买 国家历史文化名城</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic94.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>陕西 西安古城</h4>
					
						<div class="caption">
							<h5>267人已买 宽阔大街与僻街小巷</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic95.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>云南 大理双廊</h4>
						
						<div class="caption">
							<h5>510人已买 面迎洱海、紧连鸡足</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic96.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>云南 腾冲</h4>
						<div class="caption">
							<h5>720人已买 南方丝绸之路的名城</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic97.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>北京 故宫</h4>
						<div class="caption">
							<h5>324人已买  盛世的屋脊</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic98.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>天安门</h4>
						<div class="caption">
							<h5>712人已买 欢迎来祖国的首都</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic99.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>浙江 乌镇</h4>
						<div class="caption">
							<h5>672人已买  古朴、典雅、深沉</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 3500/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic100.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>太原 晋祠</h4>
						<div class="caption">
							<h5>472人已买 不到晋祠,枉到太原</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic101.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>重庆 神女溪</h4>
						<div class="caption">
							<h5>621人已买 独伫山巅气势雄</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic102.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>永川 茶山竹海</h4>
						<div class="caption">
							<h5>709人已买 国家级森林公园</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic103.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>四川 泸沽湖</h4>
						<div class="caption">
							<h5>627人已买 世外桃源，山清水秀</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic104.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>湖北 黄鹤楼</h4>
						<div class="caption">
							<h5>890人已买 中国江南三大名楼</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic105.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>上海 南京路 </h4>
						<div class="caption">
							<h5>624人已买 感受民国风情</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic106.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>香港 浅水湾</h4>
						<div class="caption">
							<h5>265人已买 香港的美丽海湾</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic107.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>上海 外滩</h4>
						<div class="caption">
							<h5>673人已买 上海旅游必去之地</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
			    </div>
			  </div>
			</div>
			<div class="panel panel-danger" id="section2">
			  <div class="panel-heading">
				<h3 class="panel-title" >最推荐的夏天的目的地</h3>
			  </div>
			  <div class="panel-body">
			    <div class="row">
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic108.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>青岛 灵山湾</h4>
						<div class="caption">
							<h5>335人已买 清静幽雅的景观</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 350/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic109.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>兰州 丹霞地貌</h4>
						<div class="caption">
							<h5>874人已买 古老的地质遗迹</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 1200/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic110.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>湖北 神龙架</h4>
						<div class="caption">
							<h5>868人已买 四大美人的故乡</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic111.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>烟台 南山大佛</h4>
						<div class="caption">
							<h5>792人已买 锡青铜铸大坐佛</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic112.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>内蒙古 呼伦贝尔</h4>
						<div class="caption">
							<h5>172人已买 美丽的草原我的家</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 3400/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic113.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>曲阜 孔府</h4>
						<div class="caption">
							<h5>728人已买 孔子嫡长子孙的府第</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic114.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>陕西 西安古城</h4>
						<div class="caption">
							<h5>122人已买 最完整的古代城垣</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic115.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>安徽 翕县</h4>
						<div class="caption">
							<h5>761人已买 北倚黄山，东邻杭州</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic116.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>稻城 珍珠海</h4>
						<div class="caption">
							<h5>921人已买 圣湖—“卓玛拉措”</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic117.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>十堰 武当山</h4>
						<div class="caption">
							<h5>356人已买 五岳之冠</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic118.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>新疆 伊犁</h4>
						<div class="caption">
							<h5>724人已买 看不完的美景</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic119.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>北海 涠洲岛</h4>
						<div class="caption">
							<h5>72人已买 中国最美十大海岛之一</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic120.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>广东 珠海</h4>
						<div class="caption">
							<h5>72人已买 一颗璀灿的明珠</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic121.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>海南 海口</h4>
						<div class="caption">
							<h5>72人已买 美丽城市</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic122.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>清远 飞霞山</h4>
						<div class="caption">
							<h5>72人已买 幽静，绵长</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic123.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>香港 旺角</h4>
						<div class="caption">
							<h5>72人已买 热闹繁华</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic124.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>香港 维多利亚港</h4>
						<div class="caption">
							<h5>702人已买 购物天堂</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic125.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>澳门 妈祖庙</h4>
						<div class="caption">
							<h5>792人已买 内心的虔诚</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic126.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>台湾 阿里山</h4>
						<div class="caption">
							<h5>272人已买 魅力无限</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic127.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>高雄</h4>
						<div class="caption">
							<h5>702人已买 繁华的都市</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
			    </div>
			  </div>
			</div>
			<div class="panel panel-warning" id="section3">
			  <div class="panel-heading">
				<h3 class="panel-title" >最推荐的秋天的目的地</h3>
			  </div>
			  <div class="panel-body">
			    <div class="row">
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic128.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>新疆 喀纳斯</h4>
						<div class="caption">
							<h5>54人已买 最美的天堂</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 350/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic129.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>四川 丹巴甲居</h4>
						<div class="caption">
							<h5>514人已买 民族异域风情</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 1200/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic130.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>浙江 南浔</h4>
						<div class="caption">
							<h5>68人已买 来到你的古镇</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic131.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>香港 维多利港</h4>
						<div class="caption">
							<h5>72人已买 女人的天堂</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic132.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>山东 济南野生动物园</h4>
						<div class="caption">
							<h5>72人已买 和你一起看世界</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 3400/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic133.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>天津 鼓楼</h4>
						<div class="caption">
							<h5>72人已买 风情万种</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic134.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>澳门 大三巴</h4>
						<div class="caption">
							<h5>72人已买 赌城</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic135.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>台北 101大楼</h4>
						<div class="caption">
							<h5>72人已买 远处的风景</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic136.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>重庆夜景</h4>
						<div class="caption">
							<h5>72人已买 热情火辣</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic137.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>湖南 凤凰古城</h4>
						<div class="caption">
							<h5>72人已买 神秘唯美的小城</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic138.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>青海 贵德晨雾</h4>
						<div class="caption">
							<h5>72人已买 带有神秘的力量</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
			    </div>
			  </div>
			</div>
			<div class="panel panel-info" id="section4">
			  <div class="panel-heading">
				<h3 class="panel-title" >最推荐的冬天的目的地</h3>
			  </div>
			  <div class="panel-body">
			    <div class="row">
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic139.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>黑龙江 伏尔加庄园</h4>
						<div class="caption">
							<h5>54人已买 一起玩雪吧</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 350/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic140.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>冰灯夜景</h4>
						<div class="caption">
							<h5>54人已买 看尽稀奇</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 1200/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic141.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>张家界 天门山</h4>
						<div class="caption">
							<h5>68人已买 领略风的肆虐</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic142.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>						
						<h4>吉林 长白山</h4>					
						<div class="caption">
							<h5>72人已买 回忆情节的地方</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic143.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>西藏 珠穆朗玛峰</h4>
						<div class="caption">
							<h5>72人已买 不可逾越的地方</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 3400/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic144.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						<h4>北京 陶然亭</h4>					
						<div class="caption">
							<h5>72人已买 来京都看雪</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic145.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>台湾日月潭</h4>
						
						<div class="caption">
							<h5>72人已买 带你回到小时候</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic146.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
					
						<h4>香港 有轨电车</h4>
					
						<div class="caption">
							<h5>72人已买 体会都市</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic147.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>黑龙江 漠河</h4>
					
						<div class="caption">
							<h5>72人已买 一眼清泉</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic148.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>圆明园 福海</h4>
					
						<div class="caption">
							<h5>72人已买 一望无际的边际线</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
					<div class="col-md-3 col-xs-6">
						<a href=""><img src="img/pic149.jpg" alt="" class="img-responsive img-rounded" id="tab3-img"></a>
						
						<h4>大连 金石滩</h4>
					
						<div class="caption">
							<h5>72人已买 浪拍打的激潮</h5>
							<p><span>席位充足</span><span class="tab3-p">￥ 2600/人</span>起</p>
						</div>
					</div>
			    </div>
			  </div>
			</div>
		</div>
	</div>
</div>
</div>


<!-- 底部 -->
<footer id="footer" class="text-muted">
	<div class="container" style="border-bottom:1px solid #666">
		<div class="row">
			<div class="col-md-7">
				<div class="row">
					<div class="col-md-3 col-sm-6"><p class="text-success" style="padding-bottom: 2px; ">关于我们</p></div>
					<div class="col-md-3 col-sm-6"><p class="text-warning" style="padding-bottom: 2px;">商家服务</p></div>
					<div class="col-md-3 col-sm-6"><p class="text-danger" style="padding-bottom: 2px;">合作伙伴</p></div>
					<div class="col-md-3 col-sm-6"><p class="text-info" style="padding-bottom: 2px;">了解更多</p></div>
					<div class="col-md-3 col-sm-6 "><a href="#" class="text-muted">看看介绍</a></div>
					<div class="col-md-3 col-sm-6"><a href="#" class="text-muted">商家登录</a></div>
					<div class="col-md-3 col-sm-6"><a href="#" class="text-muted">xx旅游局</a></div>
				</div>
			</div>
			<div class="col-md-3  col-md-offset-2">
				<p class="text-muted" style="padding-bottom: 10px; ">关注我们  
					<span class="glyphicon glyphicon-hand-down"></span>
				</p>
				<div class="row">
					<div class="col-md-3 col-xs-3 col-sm-3">
						<a href="#"><img src="img/facebook.png" alt="" class="img-circle" id="more"></a>
					</div>
					<div class="col-md-3 col-xs-3 col-sm-3">
						<a href="#"><img src="img/tumblr.png" alt="" class="img-circle" id="more"></a>
					</div>
					<div class="col-md-3 col-xs-3 col-sm-3">
        				<a href="#"><img src="img/twitter.png" alt="" class="img-circle" id="more"></a>
					</div>
					<div class="col-md-3 col-xs-3 col-sm-3">
						<a href="#"><img src="img/whatsapp.png" alt="" class="img-circle" id="more"></a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="row"  style="margin-top:5px;">
			<div class="col-md-6">CopyRight@2015~2016 All Rights Reserved</div>
			<div class="col-md-6 col-md-pull-3">看看网 www.xx.com 版权所有</div>
		</div>
</footer>

<script type="text/javascript">
	$(function(){
		//自动播放
		$('#myCarousel').carousel({
			interval:4000,
		});
	});
</script>
<script type="text/javascript">
	$('#nav a').on('click',function(e){
		//阻止默认行为
		e.preventDefault();
		$(this).tab('show');
	});
</script>
<script type="text/javascript">
   $('#login').click(function(){
	   var username=$("#username").val();
	   var password=$("#password").val();
	   
	   
	   //alert(username);
	   //alert(password);
	   
	   var url="login.do";
	   var args={"username":username,"password":password,"time":new Date()};
	   $.post(url,args,function(data){
		   
		   if("error"==data){
			   $("#password").val("");
		   }
		  window.lacation.href="list.jsp"
		   
	   });
   });


</script>
</body>
</html>
  